<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="治电科技, 治中电科, 治电物联网, 物联网, 互联网">
    <meta name="description" content="治电科技只为追求高端科技,治电科技始于治中电科">
    <meta name="author" content="治电天神">
    <title>治电科技|求真 务实 坚韧 无畏</title>
    <!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

    <!-- GrowingIO Analytics code version 2.1 -->
    <!-- Copyright 2015-2018 GrowingIO, Inc. More info available at http://www.growingio.com -->
    <script type='text/javascript'>
        ! function (e, t, n, g, i) {
            e[i] = e[i] || function () {
                (e[i].q = e[i].q || []).push(arguments)
            }, n = t.createElement("script"), tag = t.getElementsByTagName("script")[0], n.async = 1, n.src = (
                'https:' == document.location.protocol ? 'https://' : 'http://') + g, tag.parentNode.insertBefore(n,
                    tag)
        }(window, document, "script", "assets.growingio.com/2.1/gio.js", "gio");
        gio('init', '830520c0ccf1f28c', {});
        gio('send');
    </script>
    <!-- End GrowingIO Analytics code version: 2.1 -->
    <link rel="shortcut icon" href="images/ico/zzes.png">
    <!-- bugsnag -->
    <!-- <script src="https://d2wy8f7a9ursnm.cloudfront.net/v4/bugsnag.min.js"></script>
    <script>
        window.bugsnagClient = bugsnag('c71abced0a4fd306214fa19d7dfa7460')
    </script> -->
</head>
<!--/head-->

<body class="homepage" id="homepage">
    <a href="./data.html" target="_blank"><img class="qrcode-zzes" src="images/qrcode.png" alt="治电科技公众号二维码" /></a>
    <header id="header">
        <nav class="navbar navbar-inverse" role="banner" style="background: radial-gradient(circle at bottom right,#000131 0,#618e6f 100%);">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img style="width: 160px;" src="images/logo.png" alt="治电科技logo">
                    </a>
                </div>

                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- <li class="active"><a href="index.html">首页</a></li>
                        <li><a href="about-us.html">关于我们</a></li>
                        <li><a href="services.html">相关项目</a></li>-->
                        <li>
                            <a href="mailto:zvd@zzes1314.cn">商业合作联系邮箱:zvd@zzes1314.cn</a>
                        </li>
                        <li>
                            <a target="_blank" href="https://tlgc.zzes1314.cn">铜陵钢材信息</a>
                        </li>
                        <li>
                            <a target="_blank" href="https://www.jianshu.com/u/5bbe008f9b84">博客</a>
                        </li>
                        <li>
                            <a target="_blank" href="https://zzes-zvd.github.io/ZZESFrontendSite/">前端导航</a>
                        </li>
                        <!-- 治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                                                    ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                                                ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                                        ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                                    ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                                ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科
                            ,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科,治中电科-->
                    </ul>
                </div>
            </div>
            <!--/.container-->
        </nav>
        <!--/nav-->

    </header>
    <!--/header-->

    <section id="main-slider" class="no-margin">
        <div id="zzes" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#zzes" data-slide-to="0" class="active"></li>
                <li data-target="#zzes" data-slide-to="1"></li>
                <li data-target="#zzes" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" role="listbox">

                <div class="item active" style="background-image: url(images/slider/bg5.png)">
                    <div class="container">
                        <div class="row slide-margin">
                            <div class="col-sm-6">
                                <div class="carousel-content hide">
                                    <h1 class="animation animated-item-1">治电科技团队</h1>
                                    <h2 class="animation animated-item-2">未来将一片黑暗，治电将只手遮天——张辉治</h2>
                                    <a target="_blank" class="btn-slide animation animated-item-3" href="https://www.jianshu.com/nb/11028093">文章查看</a>
                                </div>
                            </div>

                            <div class="col-sm-6 hidden-xs animation animated-item-4 ">
                                <div class="slider-img">
                                    <img src="images/slider/zzes-logo.png" alt="治电科技 治中电科" class="hide img-responsive">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!--/.item-->

                <div class="item" style="background-image: url(images/slider/bg4.png)">
                    <div class="container">
                        <div class="row slide-margin">
                            <div class="col-sm-6">
                                <div class="carousel-content">
                                    <h1 class="animation animated-item-1">治电ZCDC团队</h1>
                                    <h2 class="animation animated-item-2">玩归玩, 闹归闹, 别拿治电开玩笑——任治中</h2>
                                    <a target="_blank" class="btn-slide animation animated-item-3" href="http://klren.oschina.io/zzesvue_1_x/#!/subject">查看作品</a>
                                </div>
                            </div>

                            <div class="col-sm-6 hidden-xs animation animated-item-4">
                                <div class="slider-img">
                                    <img src="images/slider/zcdc-logo.png" alt="治电科技 ZCDC" class="img-responsive">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!--/.item-->

                <div class="item" style="background-image: url(images/slider/bg3.jpg)">
                    <div class="container">
                        <div class="row slide-margin">
                            <div class="col-sm-6">
                                <div class="carousel-content">
                                    <h1 class="animation animated-item-1">治电普钢</h1>
                                    <h2 class="animation animated-item-2">治电对外合作第一步</h2>
                                    <!-- <a class="btn-slide animation animated-item-3" href="#">Read More</a> -->
                                </div>
                            </div>
                            <div class="col-sm-6 hidden-xs animation animated-item-4">
                                <div class="slider-img">
                                    <img src="images/slider/zzes-logo2.png" alt="治电科技 治娱治乐" class="img-responsive">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/.item-->
            </div>
            <!--/.carousel-inner-->
        </div>
        <!--/.carousel-->
        <a class="prev hidden-xs" href="#zzes" role="button" data-slide="prev">
            <i class="fa fa-chevron-left"></i>
        </a>
        <a class="next hidden-xs" href="#zzes" role="button" data-slide="next">
            <i class="fa fa-chevron-right"></i>
        </a>
    </section>
    <!--/#main-slider-->

    <section id="feature">
        <div class="container">
            <div class="center wow fadeInDown">
                <h2>涉及范围</h2>
                <p class="lead">求真 | 务实 | 坚韧 | 无畏</p>
            </div>

            <div class="row">
                <div class="features">
                    <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-heart" aria-hidden="true"></i>
                            <h2>自然科学</h2>
                            <h3>Natural Sciences</h3>
                        </div>
                    </div>
                    <!--/.col-md-4-->

                    <!-- <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-tablet"></i>
                            <h2>外包</h2>
                            <h3>Outsourcing</h3>
                        </div>
                    </div> -->
                    <!--/.col-md-4-->

                    <!-- <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-signal"></i>
                            <h2>数据</h2>
                            <h3>Data</h3>
                        </div>
                    </div> -->
                    <!--/.col-md-4-->

                    <!-- <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-tint"></i>
                            <h2>体育</h2>
                            <h3>Sports</h3>
                        </div>
                    </div> -->
                    <!--/.col-md-4-->

                    <!-- <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-bug"></i>
                            <h2>区块链</h2>
                            <h3>Capital operation</h3>
                        </div>
                    </div> -->
                    <!--/.col-md-4-->

                    <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-cogs"></i>
                            <h2>外包</h2>
                            <h3>Outsourcing</h3>
                        </div>
                    </div> -->
                    <!--/.col-md-4
                </div>
                <!--/.services-->
            </div>
            <!--/.row-->
        </div>
        <!--/.container-->
    </section>
    <!--/#feature-->

    <section id="recent-works">
        <div class="container">
            <div class="center wow fadeInDown">
                <h2>最近工作</h2>
                <p class="lead">为外包而奋斗</p>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/zzes0.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">金银花尺蠖蛹的蜕皮激素含量研究</a>
                                </h3>
                                <p>各个环境对金银花尺蠖蛹的蜕皮激素含量的影响，研究害虫，知己知彼，造福人类</p>
                                <a class="preview" href="images/portfolio/full/zzes0.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/zzes1.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">农产品销售平台</a>
                                </h3>
                                <p>农产品售卖与信息获取，菜谱推荐</p>
                                <a class="preview" href="images/portfolio/full/zzes1.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/zzes2.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">爱宠之家</a>
                                </h3>
                                <p>治电物联网实验项目</p>
                                <a class="preview" href="images/portfolio/full/zzes2.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/zzes3.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">治娱直播 </a>
                                </h3>
                                <p>治电内部直播平台</p>
                                <a class="preview" href="images/portfolio/full/zzes3.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/zzes4.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">治电币信息查看平台</a>
                                </h3>
                                <p>对于比特币等币种的信息实时查看和图表显示</p>
                                <a class="preview" href="images/portfolio/full/zzes4.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/xtt.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">蟹太太官网</a>
                                </h3>
                                <p>蟹太太官网展示与后台管理（PC端+手机端）</p>
                                <a class="preview" href="images/portfolio/full/xtt.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/tlgc.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">铜陵钢材信息平台</a>
                                </h3>
                                <p>铜陵钢材信息小程序+管理中心</p>
                                <a class="preview" href="images/portfolio/full/tlgc.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="images/portfolio/recent/zzes5.png" alt="治电科技产品">
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3>
                                    <a href="#">其余项目尽情期待！</a>
                                </h3>
                                <p>。。。。。。</p>
                                <a class="preview" href="images/portfolio/full/zzes5.png" alt="治电科技产品">
                                    <i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/.row-->
        </div>
        <!--/.container-->
    </section>
    <!--/#recent-works-->

    <section id="services" class="service-item">
        <div class="container">
            <div class="center wow fadeInDown">
                <h2>治电智库</h2>
                <p class="lead">精英荟萃，义薄云天</p>
            </div>

            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/rzz.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">任治中</h3>
                            <p>创始人</p>
                            <p>搬钢都搬不动的小人</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes7.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">殷主席</h3>
                            <p>创始人</p>
                            <p>TL普钢小王子</p>
                        </div>
                    </div>
                </div>
                <!-- <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes6.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">望天创总裁</h3>
                            <p>望天创创始人</p>
                            <p>精通中英日俄西拉六国语言治电专属同声传译</p>
                        </div>
                    </div>
                </div> -->
                <!-- <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes1.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">张书记</h3>
                            <p>首席全栈工程师</p>
                        </div>
                    </div>
                </div> -->

                <!-- <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes2.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">洁神</h3>
                            <p>首席工业设计顾问</p>
                            <p>获得多项工业设计奖项, 助力治电产品成型</p>
                        </div>
                    </div>
                </div> -->

                <!-- <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes3.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">宇神</h3>
                            <p>首席管理顾问</p>
                        </div>
                    </div>
                </div> -->

                <!-- <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes4.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">夏总</h3>
                            <p>首席营销研究顾问</p>
                            <p>涉及生物行业, 机器人制造业, 少儿早教等行业</p>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes5.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">张总</h3>
                            <p>首席资本运作顾问</p>
                            <p>精通平面设计, 软件开发等多个方面</p>
                        </div>
                    </div>
                </div> -->

                <!-- <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/wei.jpg">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">卫总</h3>
                            <p>首席营销顾问</p>
                        </div>
                    </div>
                </div> -->


                <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-left">
                            <img class="img-responsive" src="images/services/zzes8.png">
                        </div>
                        <div class="media-body">
                            <h3 class="media-heading">热爱外包的你</h3>
                            <p>期待你的加入！</p>
                            <p>为免费外包而奋斗！</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--/.row-->
        </div>
        <!--/.container-->
    </section>
    <!--/#services-->

    <section id="middle">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 wow fadeInDown">
                    <div class="skill">
                        <h2>我们的能力</h2>
                        <p>免费提供一切技术外包服务</p>

                        <div class="progress-wrap">
                            <h3>外包服务</h3>
                            <div class="progress">
                                <div class="progress-bar  color1" role="progressbar" aria-valuenow="40" aria-valuemin="0"
                                    aria-valuemax="100" style="width: 100%">
                                    <span class="bar-width">100%</span>
                                </div>

                            </div>
                        </div>

                        <div class="progress-wrap">
                            <h3>自然科学相关</h3>
                            <div class="progress">
                                <div class="progress-bar color4" role="progressbar" aria-valuenow="80" aria-valuemin="0"
                                    aria-valuemax="100" style="width: 20%">
                                    <span class="bar-width">20%</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!--/.col-sm-6-->

                <div class="col-sm-6 wow fadeInDown">
                    <div class="accordion">
                        <h2>为什么大家尊敬治电?</h2>
                        <div class="panel-group" id="accordion1">
                            <h1 style="font-size: 200px;color: #c52d2f;line-height:265px;text-align:center;">免费</h1>
                        </div>
                        <!--/#accordion1-->
                    </div>
                </div>

            </div>
            <!--/.row-->
        </div>
        <!--/.container-->
    </section>
    <!--/#middle-->



    <section id="partner">
        <div class="container">
            <div class="center wow fadeInDown">
                <h2>我们的合作伙伴</h2>
                <p class="lead">共同外包，共同进步</p>
            </div>

            <div class="partners">
                <ul>
                    <li>
                        <a href="#">
                            <img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms"
                                src="images/zzes-logo.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"
                                src="images/zzes-logo2.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms"
                                src="images/zzes-logo3.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1200ms"
                                src="images/zzes-logo4.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1500ms"
                                src="images/slider/zcdc-logo.png">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!--/.container-->
    </section>
    <!--/#partner-->

    <section id="conatcat-info">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <div class="media contact-info wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="pull-left">
                            <i class="fa fa-comments"></i>
                        </div>
                        <div class="media-body">
                            <h2>可以通过邮件方式联系我们哦！</h2>
                            <p>我们的邮箱地址是：
                                <address>zvd@zzes1314.cn</address>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/.container-->
    </section>
    <!--/#conatcat-info-->

    <section id="bottom">
        <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>组织相关</h3>
                        <ul>
                            <li>
                                <a target="_blank" href="https://www.jianshu.com/u/5bbe008f9b84">简书</a>
                            </li>
                            <li>
                                <a target="_blank" href="https://github.com/klren0312">GitHub</a>
                            </li>
                            <li>
                                <a target="_blank" href="http://klren.oschina.io/zzesvue_1_x">2017治电官网</a>
                            </li>
                            <li>
                                <a target="_blank" href="http://klren.oschina.io/zzesbate5.0/">2016治电官网</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>推荐网站</h3>
                        <ul>
                            <li>
                                <a target="_blank" href="https://worktile.com/">Worktile</a>
                            </li>
                            <li>
                                <a target="_blank" href="https://shimo.im/">石墨文档</a>
                            </li>
                            <li>
                                <a target="_blank" href="https://juejin.im/">稀土掘金</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>教程网站</h3>
                        <ul>
                            <li>
                                <a target="_blank" href="https://developer.mozilla.org/zh-CN/">MDN</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>友情链接</h3>
                        <ul>
                            <li>
                                <a target="_blank" href="https://tlgc.zzes1314.cn/">治电普钢</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--/.col-md-3-->
            </div>
        </div>
    </section>
    <!--/#bottom-->

    <footer id="footer" class="midnight-blue">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    &copy; 2009-2019
                    <a target="_blank" href="http://www.zzes1314.cn/" title="治电科技">治中电科·治电科技</a>. All Rights Reserved.
                </div>
                <div class="col-sm-6">
                    <span class="col-sm-6">强大的外包,需要强大的你 </span>
                </div>
            </div>
        </div>
    </footer>
    <!--/#footer-->
    <!-- 跳转钢材 -->
    <div class="modal fade bs-example-modal-lg" id="js-iron-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" style="text-align: center;padding-top: 250px;" role="document">
            <button class="btn btn-primary" onclick="location.href='https://tlgc.zzes1314.cn'">访问铜陵钢材信息</button>
        </div>
    </div>
    <!-- Go to www.addthis.com/dashboard to customize your tools -->
    <!-- <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a5f1d5a29de5ec6"></script> -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
    <script type="text/javascript">
        // 百夫长
        (function (w, d, s, a, m) {
            a = d.createElement(s),
                a.async = 1;
            a.src = "//us2.centcount.com/ca.php?sid=1807290000003001&ct=" + (new Date).getTime();
            m = d.getElementsByTagName(s)[0];
            m.parentNode.insertBefore(a, m)
        })(window, document, "script");
        setTimeout(function() {
            $('#js-iron-modal').modal({
                show: true
            })
        }, 2000)

    </script>
</body>

</html>